<%@ page language="java" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<c:set var="ctx" value="${pageContext.request.contextPath}"></c:set>

<!DOCTYPE html>
<html>
<head>
<!-- Standard Meta -->
<c:import url="../common/meda.jsp"></c:import>

<!-- Site Properties -->
<title>我的信息-${sysDesc}</title>
<link rel="stylesheet" type="text/css"
	href="//${static_server }/css/semantic.css">
<link rel="stylesheet" type="text/css"
	href="//${static_server }/css/common.css">

<script src="//${static_server }/js/jquery.min.js"></script>
<script src="//${static_server }/js/semantic.js"></script>
<script src="//${static_server }/js/common.js"></script>
<script src="//${static_server }/js/title_menu.js"></script>
<script src="//${static_server }/js/user.js"></script>
<script>
	semantic.user = {};

// ready event
semantic.user.ready = function() {
	$('.ui.dropdown').dropdown();
	
	$('.ui.form').form({
		on : 'blur',
		fields : {
			name : {
				identifier : 'name',
				rules : [ {
					type : 'empty',
					prompt : '请输入姓名！'
				} ]
			},
			gendar : {
				identifier : 'gendar',
				rules : [ {
					type : 'empty',
					prompt : '请选择性别'
				} ]
			},
			score : {
				identifier : 'score',
				rules : [ {
					type : 'integer[0..750]',
					prompt : '请输入正确的分数！'
				} ]
			},
			subject : {
				identifier : 'subject',
				rules : [ {
					type : 'empty',
					prompt : '请选择科类！'
				} ]
			},
		}
	}).form('set values', {
	    name     : '${userInfo.name}',
	    gendar   : '${userInfo.gendar}',
	    score   : '${userInfo.score}',
	    subject    : '${userInfo.subject}'
	  });
};

// attach ready event
$(document).ready(semantic.user.ready);
</script>
</head>
<body class="pushable">
	<c:import url="../common/title_menu.jsp"></c:import>
	<div class="pusher">
		<div id="infoheadsegment" class="ui vertical raised masthead segment">
			<div class="ui container">
				<div class="ui breadcrumb">
					<a class="section" href="http://${static_server }/"><i
						class="icon home"></i>首页</a>
					<div class="divider">/</div>
					<div class="active section">我的信息</div>
				</div>
			</div>
			<!-- content container end -->
		</div>
		<div id="infobodysegment" class="ui vertical masthead segment">
			<div class="ui container">
				<div class="ui stackable grid">
					<div class="four wide column">
						<c:import url="common.jsp?item=2"></c:import>
					</div>
					<div class="twelve wide column">
						<div class='ui success message <c:if test="${empty msg}">hidden</c:if>'>${msg }</div>
						<form class="ui form segment"
							action="//${dynamic_server }/user/modify.do" method="post">
							<p>完善个人信息</p>
							<p style="color: #DB2828 !important;">
								<i class="red attention icon"></i>请注意分数和科类信息请正确填写，在高考成绩正式公布起，您只有一次修改机会！
							</p>
							<div class="two fields">
								<div class="field">
									<label>姓名</label> <input placeholder="请告诉我们你的姓名" name="name"
										type="text">
								</div>
								<div class="field">
									<label>性别</label>
									<div class="ui fluid selection dropdown">
										<input name="gendar" type="hidden" value=""> <i
											class="dropdown icon"></i>
										<div class="default text">性别</div>
										<div class="fluid menu">
											<div class="item" data-value="男">男生</div>
											<div class="item" data-value="女">女生</div>
										</div>
									</div>
								</div>
							</div>
							<div class="two fields">
								<div class="field">
									<label>高考成绩</label> <input placeholder="分数" name="score"
										type="number">
								</div>
								<div class="field">
									<label>科类</label>
									<div class="ui fluid selection dropdown">
										<input name="subject" type="hidden" value=""> <i
											class="dropdown icon"></i>
										<div class="default text">请选择科类</div>
										<div class="fluid menu">
											<div class="item" data-value="普通文科">普通文科</div>
											<div class="item" data-value="普通理科">普通理科</div>
											<div class="item" data-value="蒙授文科">蒙授文科</div>
											<div class="item" data-value="蒙授理科">蒙授理科</div>
											<div class="item" data-value="体育类">体育类</div>
											<div class="item" data-value="其他艺术">其他艺术</div>
											<div class="item" data-value="农学类">农学类</div>
											<div class="item" data-value="化工类">化工类</div>
											<div class="item" data-value="医学类">医学类</div>
											<div class="item" data-value="幼师类">幼师类</div>
											<div class="item" data-value="建筑类">建筑类</div>
											<div class="item" data-value="旅游类">旅游类</div>
											<div class="item" data-value="机电类">机电类</div>
											<div class="item" data-value="汉授体育">汉授体育</div>
											<div class="item" data-value="汉授编导">汉授编导</div>
											<div class="item" data-value="汉授美术">汉授美术</div>
											<div class="item" data-value="汉授音乐">汉授音乐</div>
											<div class="item" data-value="汽驾类">汽驾类</div>
											<div class="item" data-value="烹饪类">烹饪类</div>
											<div class="item" data-value="牧医类">牧医类</div>
											<div class="item" data-value="美工设计类">美工设计类</div>
											<div class="item" data-value="计算机类">计算机类</div>
											<div class="item" data-value="财会类">财会类</div>
											<div class="item" data-value="采矿类">采矿类</div>
											<div class="item" data-value="蒙授体育">蒙授体育</div>
											<div class="item" data-value="蒙授其他艺术">蒙授其他艺术</div>
											<div class="item" data-value="蒙授美术">蒙授美术</div>
											<div class="item" data-value="蒙授音乐">蒙授音乐</div>
											<div class="item" data-value="蒙牧医类">蒙牧医类</div>
										</div>
									</div>
								</div>
							</div>
							<div class="ui orange submit button">更改</div>
							<div class="ui error message"></div>
						</form>

					</div>
				</div>
			</div>
			<!-- content container end -->
		</div>
		<!-- schoolbodycontainer end -->
		<c:import url="../common/footer.jsp"></c:import>
	</div>
	<!-- pusher end -->
</body>
</html>